@charset "utf-8";
body{font-family:Arial,"宋体";background:#ffffff;font-size:12px; background:#444 !important;}
body,div{font-size:12px; padding:0; margin:0; vertical-align:top;}
li{list-style-type:none;}
table{margin:0 auto;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}   
caption,th {text-align:left;} 
q:before,q:after {content:'';}   
abbr,acronym {border:0;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal; font-style:normal;}   
a{color:#000;text-decoration:none;}
a:hover{color:#C00; text-decoration:underline;}
#verify{width:93px;height:10px;background:transparent;}
#verifyImg{width:50px;height:22px;}
#loginBtn{position:absolute; left:382px; top:219px;}
#resultMsg{height:26px; line-height:26px; position:absolute; left:382px; top:58px; padding:0 0 0 24px;}
.loading{background:url(../images/ajaxloading1.gif) no-repeat 0 2px; color:#0e6cd4;}
.error{background:url(../images/ajaxerror.gif) no-repeat 0 3px; color:#f30;}
.logo{width: 247px;margin: 0 auto;margin-top: 60px;padding: 15px;text-align: center;color:#fff;font-weight:bold;font-size:20px;}

.login .content {
  background-color:#fff; 
  width: 291px;
  margin: 0 auto; 
  margin-bottom: 0px;
  padding: 30px;  
  padding-top: 20px;  
  padding-bottom: 35px;  
}

.login .content h3 {
  color: #000;
  font-size: 24.5px;
  line-height: 40px;
}
.login .content h4  {
  color: #555;
}

.login .content p {
  color: #222;
}

.login .content .login-form,
.login .content .forget-form {
    padding: 0px;
    margin: 0px;
}

.login .content .m-wrap {
  width: 249px;
  padding-left: 33px !important;
  border: 1px solid #e5e5e5;
  height:20px;
  line-height:20px;
  padding: 6px 6px !important;
  font-size:14px;
  padding-left: 5px !important;
}

.login .content .input-icon {
  border-left: 2px solid #35aa47 !important;
}

.login .content .control-group {
  margin-bottom: 20px !important;
}

.login .content .input-icon .m-wrap {  
  margin: 0px !important;
}

.login .content .forget-form {
  display: none;
}

.login .content .register-form {
  display: none;
}

.login .content .form-title {
  font-weight: 300;
  margin-bottom: 25px;
}

.login .content .form-actions {
  background-color: #fff;
  clear: both;
  border: 0px;
  padding: 0px 30px 25px 30px;
  margin-left: -30px;
  margin-right: -30px;
}

.login .content .forget-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
}  

.login .content .register-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0px;
}

.login .content .form-actions .checkbox {
  margin-top: 8px;
  display: inline-block;
}

.login .content .form-actions .btn {
  float:right;
  margin-top: 1px;
  color: white;
  text-shadow: none;
  background-color: #35aa47;
  background-image: none;
  filter: none;
  border: 0;
  padding: 7px 14px;
  text-shadow: none;
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  cursor: pointer;
  outline: none;
}
.m-icon-swapright {
  background-position: -27px -10px;
}
.m-icon-white {
  float:right;
  margin-top:3px;
  margin-left:5px;
  width: 14px;
  height: 14px;
  vertical-align: top;
  background-image: url(../Images/syncfusion-icons-white.png);
  font-size: 14px;
  line-height: 20px;
}
.login .content .forget-password {
  margin-top: 25px;
}

.login .content .create-account {
  border-top: 1px dotted #eee;
  padding-top: 10px;
  margin-top: 15px;
}

.login .content .create-account a {
  display: inline-block;
  margin-top: 5px;
}

.login .copyright {
  text-align: center;
  width: 250px;
  margin: 0 auto; 
  padding: 10px 10px 0 10px;
  color: #999;
  font-size: 11px;
}

@media (max-width: 480px) {
  /***
  Login page
  ***/
  .login .logo {
    margin-top:10px;
  }

  .login .content {
    padding: 30px; 
    width: 222px;
  }

  .login .content h3 {
    font-size: 22px;
  }

  .login .content .m-wrap {
      width: 180px;
  }

  .login .checkbox {
    font-size: 13px;
  }
}